<html>
	<body>
		<div id="root"></div>

		<script type="text/babel" data-type="module">
			import * as React from '/react.js'
			import { createRoot } from '/react-dom/client.js'

			const rootElement = document.getElementById('root')

			// This is being used as a component. But it's still not quite awesome yet.
			function message({ children }) {
				return <div className="message">{children}</div>
			}

			const element = (
				<div className="container">
					{React.createElement(message, { children: 'Hello World' })}
					{React.createElement(message, { children: 'Goodbye World' })}
				</div>
			)

			createRoot(rootElement).render(element)
		</script>

		<script type="module" src="/babel-standalone.js"></script>

		<!-- this is here to add automatic browser reloading as you save your work -->
		<script type="module" src="epic_ws.js"></script>
	</body>
</html>
